<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <title>card</title>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/portlipt.js"></script>
</head>
<body>
  <div class="header flex wh100">
    <div class="bounceInLeft animated w100 h100">
      <div class="img-box h100">
          <h5>2.0 在线展厅-预约试驾</h5>
          <div class="wh97 w100" style="display: flex">
            <div class="w40 h100">
                <img class="wh100" src="./img/19.png" alt="" srcset="">
            </div>
            <div class="w60 form flex-auto">
              <div class="form-nav form-container">
                  <div class="form-nav-item active"><span>预约试驾</span> </div>
                  <div class="form-nav-item"><span>经销商查询</span></div>
              </div>
              <div class="form-container">
                  <input type="text" placeholder="姓名">
                  <input type="text" placeholder="电话">
              </div>
              <div class="form-container">
                  <input type="text" placeholder="省份">
                  <input type="text" placeholder="城市">
              </div>
              <div class="form-container">
                  <input class="w100" type="text" placeholder="详细地址">
              </div>
              <p class="msg">*你的信息只用做试驾。查看 <a href="#">隐私条款</a></p>
              <button class="btn w40">确定提交</button>
            </div>
          </div>
      </div>
    </div>
  </div>
</body>
</html>